 /*  .cities {
      display: none;
    } */

.container {
    height: 475px;
    overflow: hidden;
}

#msg {
    height: 60px;
    height: 60px;
    text-align: center;
}

.bggray {
    background-color: #ececec;
}

.txt {
    font-size: 0.875rem;
    color: gray;
}

.flexbox {
    width: 100%;
    height: 90px;
    background-color: lightgrey;
    /*使边角圆润*/
    border-radius: 5px;
    /*弹性盒子：实现div横排、让元素水平垂直居中....*/
    display: flex;
    /*主轴方向：使弹性盒子里水平放置的元素居中（水平居中）*/
    justify-content: center;
    /*使子元素在垂直方向居中*/
    align-items: center;
    /* 设置下边距 */
    margin-bottom: 10px;
}

.item {
    width: 80px;
    height: 80px;
    /* border: 1px solid red; 用于一开始写div时可视化*/
    /*子元素的外边距控制间距。参数：上、下*/
    margin: 0 50px;
    /* 设置子元素也成为一个弹性盒子，方便其中的内容水平和垂直方向都居中 */
    display: flex;
    /* 使弹性盒子里的元素竖着排 */
    flex-direction: column;

    justify-content: center;
    align-items: center;
}

.row {
    display: flex;
    height: 50px;
    margin-bottom: 20px;
    border-radius: 25px;
}

.column {
    /* 控制列宽 */
    width: 25%;
    /* 水平方向居中 */
    text-align: center;
    /* 垂直方向居中（这里设置行高和容器row的高度一样即可） */
    line-height: 50px;
}

.red {
    color: red;
}

.bold {
    font-weight: bold;
    font-size: 22px;
}

.gray {
    color: dimgray;
}

.orange {
    color: orange;
}

.green {
    color: green;
}

.pink {
    color: #F55253;
}

.saddlebrown {
    color: saddlebrown;
}

.medium {
    font-size: 18px;
}

.small {
    font-size: 14px;
    color: lightgrey;
}

 img{
     width: 100%;
     height: 300px;
 }